<template>
	<view class="my_login">
		<view class="icons">
			<uni-icons type="contact-filled" size="100"></uni-icons>
		</view>

		<button type="primary" @click="get_userinfo">一键登录</button>

		<view class="text">登录后尽享更多的权益</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapMutations
	} from 'vuex'
	export default {
		name: "my_login",
		data() {
			return {
				// token: this.token
			};
		},

		// props: {
		// 	tokens: {
		// 		default: '',
		// 		type: String
		// 	}
		// },
		
		methods: {
			...mapMutations('m_user', ['updateUserInfo', 'updateToken']),
			get_userinfo(e) {
				uni.getUserProfile({
					desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					success: (res) => {
						// console.log(res.userInfo)
						this.updateUserInfo(res.userInfo) 
						this.updateToken('123456')
					},
					fail: () => {
						uni.showToast({
							title: '授权失败',
							duration: 1500,
							icon: 'none'
						})
					}
				})
				
				// this.token = 123456
				this.$emit('changToken', this.token)
			}
		}
	}
</script>

<style lang="scss">
	.my_login {
		.icons {
			text-align: center;
			margin-top: 100px;
		}

		button {
			border-radius: 20px;
			margin: 10px 20px;
		}

		.text {
			font-size: 12px;
			color: #8b8b8b;
			text-align: center;
		}
	}
</style>
